/* element-override.scss 
 * 用于覆盖Element UI的默认样式，修复滑块超出问题
 */

// 修复滑块组件溢出问题
.el-slider {
  width: 100%;
  max-width: 98%;
  margin-right: 10px;
}

.el-slider__runway {
  max-width: 100%;
  margin: 0 !important;
}

.el-slider__bar {
  margin: 0 !important;
}

.el-slider__button-wrapper {
  z-index: 1 !important;
}

.el-slider__button {
  width: 16px;
  height: 16px;
  border: 2px solid #409EFF;
}

// 防止整体内容溢出
.app-container {
  position: relative;
  overflow-x: hidden;
}

.adjust-controls {
  overflow: hidden;
}

.adjust-options {
  width: 100%;
  box-sizing: border-box;
  padding-right: 10px;
}

.el-slider-wrap {
  width: 95%; 
  margin: 0 auto;
} 